<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/tex-mml-chtml.js" async></script>
    <style>
        body {
            background-color: transparent;
            font-family: Arial, sans-serif;
        }
    </style>
    <script type="text/javascript">
        function updateFormula(diameter) {
            document.getElementById("detailed").innerHTML = "$$ C= \\pi \\times" + diameter + "$$";
            MathJax.typeset();
        }
    </script>
</head>
<body>
<div>Formula:</div><br/>
<div >$$ C= \pi d $$</div><br/>
<div>Detailed:</div><br/>
<div id="detailed">$$ C= \pi d $$</div>
</body>
</html>